* {
    /* 消除页面内外边距 */
    margin           : 0;
    padding          : 0;
    text-decoration  : none;
    /* background-repeat: no-repeat; */
    /* 去除网页内ul li的圆点 */
    list-style       : none;
    font-family      : 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
    position     : relative;
    /* overflow  :-Scroll;overflow-y:hidden; */
    /* overflow-y:hidden; */
    /* display   : flex; */
}

/* 网页下方滚动条去除，边框自适应 */
html {
    width     : 100%;
    overflow-x: hidden;
}

.header {
    display          : flex;
    /* flex-direction: column; */
    width            : 100%;
    height           : 54px;
    background-color : rgba(179, 179, 179, 0.301);
    align-items      : center;

    /* 在justify-content属性设置div内两个小div两端对齐 */
    justify-content: space-between;
}

.headerone {
    width              : 570px;
    height             : 24px;
    /* background-color: blue; */
    /* 文本居中 */
    text-align         : center;

}

.headertow {
    width              : 570px;
    height             : 24px;
    /* background-color: blue; */
}

.headertow ul li a {
    width          : 100px;
    /* height      : 40px; */
    float          : left;
    text-decoration: none;
    margin-right   : 10px;
    color          : black;
    text-align     : center;
    /* padding     : 2px; */
    box-shadow     : 1px 2px 5px #9e9e9e;
}

.headertow ul li a:hover {
    /* text-decoration: underline; */
    /* background-color: black; */
    /* color          : blue; */
    /* border: 1px solid white; */
    transform: translate3d(0, -1px, 0);
}


.logo {
    width : 120px;
    height: 40px;
}

.headerbig {
    width           : 100%;
    height          : 116px;
    background-color: rgb(255, 255, 255);
    border-bottom   : 1px solid rgb(221, 221, 221);
}

.headerbigs {
    width           : 98%;
    height          : 116px;
    background-color: rgb(255, 255, 255);
    margin          : auto;
    position        : relative;
    z-index: 1;
}

.headerbigs>.logo {
    position       : absolute;
    top            : 35%;
    /* left        : 2%; */
    justify-content: space-between;
}

/* 导航栏 */
.headertopone {
    width              : 600px;
    height             : 116px;
    /* background-color: black; */
    /* position           : absolute; */
    margin-left        : 10%;

}
.nav {
    line-height: 116px;
    position: relative;
}

/* 超链接二级菜单 */
.headertopone ul li{
    width: 20%;
    height: 116px;
    /* background-color: black; */
    text-align: center;
    float: left;
    /* line-height: 116px; */
    margin-left: 10px;
    /* display: flex; */
    z-index: 2;
}

/* 以下代码暂时停用 */
.office ul li {
    width: 110px;
    height: 80px;
    /* position: absolute; */
    /* top: 10px; */
    background-color: blue;
    /* position: relative; */
    float: left;
}

.headertopone ul li a{
    color: black;
}
/* 导航栏鼠标经过效果 */
.headertopone a:hover {
    text-decoration: underline;
    /* color       : blue; */
}

.headertoptow {
    width              : 30%;
    height             : 40%;
    background-color   : rgb(255, 255, 255);
    position           : absolute;
    right              : 0;
    top                : 35%;
    /* background-color: black; */
    margin             : 0 auto;
    /* display         : inline-block; */
    display            : flex;

}

/* .btn_01{
    
    border: 0px solid white;
    background-color: white;
} */

/* 导航栏搜索按钮 */
.headertoptow .icon {
    cursor: pointer;
}




/* 导航栏右侧按钮 */
.jbj {
    width           : 50px;
    height          : 100%;
    margin-left     : 40px;
    border-radius   : 50%;
    background-color: rgb(233, 233, 233);
    text-align      : center;
    /* border       : 1px solid black; */
    /* margin-top   : 0%; */
    position        : relative;
    top             : -5px;
    cursor          : pointer;
}

.ltk {
    width           : 50px;
    height          : 100%;
    margin-left     : 30px;
    border-radius   : 50%;
    background-color: rgb(235, 235, 235);
    text-align      : center;
    position        : relative;
    top             : -5px;
    cursor          : pointer;
}

.jbj:hover {
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    transform : translate3d(0, -1px, 0);
}

.ltk:hover {
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    transform : translate3d(0, -1px, 0);
}

.btn01 {
    width           : 130px;
    height          : 55px;
    color           : white;
    border-radius   : 10px;
    background-color: black;
    text-decoration : none;
    display         : block;
    line-height     : 55px;
    text-align      : center;
    font-size       : 18px;
    position        : relative;
    top             : -15%;
    left            : 180px;
}

.btn01:hover {
    background-color: rgb(124, 124, 124);
    box-shadow      : 0 10px 10px rgb(0 0 0 / 10%);
    transform       : translate3d(0, -2px, 0);
}

.btn01 a:hover {
    box-shadow: 0 15px 20px rgb(0 0 0 / 10%);
    transform : translate3d(0, -2px, 0);
}

.right_taskbar {
    width                 : 100px;
    height                : 200px;
    /* background-color   : black; */
    /* float              : left; */
    position              : absolute;
    right                 : -30px;
    /* top                : -5px; */
}


/* 身体开始 */
.body_box {
    width                 : 100%;
    height                : 100%;
    /* background-color   : black; */
    /* margin             : auto; */
    position              : relative;
    top                   : 50px;
    margin-bottom         : 100px;
}

.bodyone {
    width              : 80%;
    height             : 620px;
    /* background-color: blue; */
    margin             : auto;
    display            : flex;
    padding: 0;
}

.body_big {
    width              : 540px;
    height             : 610px;
    /* background-color: tomato; */
    border-radius      : 30px;
    /* margin          : auto; */
    /* float: left; */

    margin-left        : 15px;
    /* background-image: url("imgs/computer31.png"); */
    position           : relative;
}

/* .body_big img{
    width: 540px;
    height: 610px;
    border-radius: 30px;
    position: absolute;
} */

.body_big:hover {
    box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
    transform : translate3d(0, -5px, 0);
}

/* 这里是div内部超链接的文字内容 */
.first_aa {
    width              : 400px;
    height             : 130px;
    /* background-color: black; */
    position           : absolute;
    bottom             : 80px;
    left               : 60px;
    color              : white;
}

.first_aa a {
    color    : white;
    font-size: 60px;
}

.first_aa p {
    font-size: 40px;
}

.small_aa {
    width              : 200px;
    height             : 80px;
    /* background-color: black; */
    position           : absolute;
    bottom             : 35px;
    left               : 35px;
}

.small_aa a {
    color      : white;
    font-size  : 25px;
    font-weight: 500;
}

.small_aa p {
    color      : rgb(255, 255, 255);
    font-size  : 20px;
    margin-top : 5px;
    font-weight: 500;
}

/* 这里是小版块的布局 */
.smallone {
    width              : 550px;
    height             : 614px;
    /* background-color: red; */
    /* display         : flex; */
    position           : relative;
    left               : 20px;
}

.body_smalla:hover {
    box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
    transform : translate3d(0, -5px, 0);
}

.body_smallb:hover {
    box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
    transform : translate3d(0, -5px, 0);
}

.body_smallc:hover {
    box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
    transform : translate3d(0, -5px, 0);
}

.body_smalld:hover {
    box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
    transform : translate3d(0, -5px, 0);
}

.small_one {
    display: block;
}

.body_smalla {
    width              : 255px;
    height             : 290px;
    /* background-color: aqua; */
    /* display         : flex; */
    float              : left;
    border-radius      : 30px;
    margin-left        : 10px;
    position           : relative;
}

.body_smallb {
    width              : 255px;
    height             : 290px;
    /* background-color: aqua; */
    /* display         : flex; */
    float              : left;
    border-radius      : 30px;
    margin-left        : 25px;
    position           : relative;
}

.body_smallc {
    width              : 255px;
    height             : 290px;
    /* background-color: aqua; */
    /* display         : flex; */
    float              : left;
    border-radius      : 30px;
    margin-left        : 10px;
    margin-top         : 25px;
    position           : relative;
}

.body_smalld {
    width              : 255px;
    height             : 290px;
    /* background-color: rgb(18, 148, 255); */
    float              : left;
    border-radius      : 30px;
    position           : relative;
    /* left            : 20px; */
    margin-left        : 25px;
    margin-top         : 25px;
}

/* 主页底部 */
.bottom_page {
    width           : 100%;
    height          : 70px;
    margin          : auto;
    background-color: rgba(128, 128, 128, 0.925);
    color           : white;
    text-align      : center;
    /* line-height  : 50px; */
}

.bottom_page p {
    line-height: 30px;
}


/* 手机端 */
.new{
    width: 100%;
    height: 1200px;
}
.newa{
    width: 70%;
    height: 30%;
    /* background-color: black; */
    margin: auto;
    border-radius: 50px;
    position: relative;
    margin-top: 20px;
}
.newb{
    width: 70%;
    height: 30%;
    /* background-color: black; */
    margin: auto;
    border-radius: 50px;
    position: relative;
    margin-top: 20px;
}
.newc{
    width: 70%;
    height: 30%;
    /* background-color: black; */
    margin: auto;
    border-radius: 50px;
    position: relative;
    margin-top: 20px;
}
.newd{
    width: 70%;
    height: 30%;
    /* background-color: black; */
    margin: auto;
    border-radius: 50px;
    position: relative;
    margin-top: 20px;
}
.newaa{
    width: 200px;
    height: 100px;
    /* background-color: black; */
    position: absolute;
    top:180px;
    left: 40px;
    font-size: 24px;
    color: white;
}
.newaa a{
    color: white;
}